.back-arrow {
	  margin-top: 10px; /* 根据需要调整距离 */
	  cursor: pointer; /* 鼠标悬停时显示为手形 */
	  text-align: left; /* 箭头靠左对齐 */
	  height: 0px;
	  position: fixed;
	  top: 45px;
	  left: 0;
	  right: 0;
	  z-index: 10; /* 确保 Tab 栏位于其他内容之上 */
	}
	 
	.back-arrow text {
		position: relative;
		top: -8px;
	  font-size: 30px; /* 根据需要调整箭头大小 */
	  color: #000000; /* 箭头颜色 */
	}
	.my-buttons-container{
		margin-left: 80px;
		position: fixed;
		top: 80px;
		left: -20px;
		right: 0px;
		z-index: 10; /* 确保 Tab 栏位于其他内容之上 */
	}
.tabs-container {
  display: flex;
  justify-content: space-around; /* 或使用 space-between 根据需求调整 */
  background-color: #e7e7e7; /* 背景色设为白色 */
  width: 230px;
  height: 10px;
  text-align: center;
  padding: 10px 0; /* 根据需要调整内边距 */
  border-radius: 10px;
}
 
.tab {
  flex: 3; /* 每个选项卡平均分配宽度 */
  font-size: 10px;
  margin-top: -12px;
  position: relative;
  top: 2px;
  box-sizing: border-box; /* 确保内边距不会增加元素总宽度 */
  cursor: pointer; /* 鼠标悬停时显示为手形 */
  border-bottom: 2px solid transparent; /* 设置下边框为透明，用于点击时高亮显示 */
}
 
.tab-text {
    color: #000; /* 文字颜色设为黑色 */
    font-size: 14px;
	width: 20px;
}
 

.tab-active {
	background-color: #fff;
	border-radius: 7px;
	font-weight: bold;
	justify-content: center; /* 垂直居中 */
	height: 27px;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1), -5px 0px 10px rgba(0, 0, 0, 0.1), 0px 5px 10px rgba(0, 0, 0, 0.1); /* 添加左右及下边的阴影 */
  /* 可以根据需要添加其他样式，比如背景色变化 */
}
 
/* 可选：添加点击时的过渡效果 */
.tab {
  font-size: 20px;
}
.rectangle-small{
}
